<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>名人名言</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			span{
			display: block;
			}
			header,section,footer{
				width: 1000px;
				margin: 20px auto;
			}
			header{
				height: 150px;
			}
			h1{
				margin-left:20px ;
				line-height: 1.5;
				
				
			}
			#s1{
				margin-left:20px ;
				margin-bottom:30px ;
				line-height: 2;
				font-size: 14px;
				font-style: italic;
				color: #797979;
			}
			ul:after{
				
				margin: 20px 0;
				line-height: 4;
				border-bottom: 1px solid #797979;
				content: '';
				display: block;
				clear: both;
				
			}
			ul li:first-of-type{
				margin-left:20px ;
			}
			ul li{
			
list-style: none;
display: inline;
border:1px #797979 solid ;
border-bottom: none;
float: left;
padding: 2px 3px;
			}
			ul li a{
				padding: 2px 3px;
				color: #797979;	
				text-decoration: none;
			}
			ul li a:hover{
				text-decoration: underline;
			}
		#d-1{
			width: 500px;
	padding: 3px;
border:1px #797979 solid ;
	
}
#s2{
	font-size: 12px;
}
#d-2{
	width: 500px;
	margin: 10px 0;

}
#s3{
	font-weight: bolder;
	font-size: 14px;
	line-height: 1.5;
}
#s4{
	font-size: 12px;
}
#s5{
	font-size: 12px;
	margin: 2px 0;
}
#hh{
	padding-left:20px ;
	line-height: 30px;
	font-size: 14px;
	width: 500px;
border:1px #797979 solid ;
	
}
#d-3{
	width: 500px;
	margin: 10px 0;
}
#s6{
		font-weight: bolder;
	font-size: 14px;
	line-height: 1.5;
}
#s7{
	font-size: 12px;
	line-height: 1.5;
}
#s8{
	font-size: 12px;
}
#dd-3{
	width: 500px;
	margin: 10px 0;
border:1px #797979 solid ;
	padding: 10px;

}
#s9{
	font-style: italic;
height: 30px;
}

article{
	float: left;
}
 #d-4{
 	margin: 100px;
	width: 290px;
	margin: 10px 0;
border:1px #797979 solid ;
	padding: 10px;
	float: right;
	/*clear: both;*/
	line-height: 2;
}
#d-4 span{
	font-style: italic;
}
#d-4 p{
	font-size: 14px;
	line-height: 20px;
		font-style: italic;
}
section:after{
border-bottom:1px #797979 solid ;
content: '';
display:block ;
clear: both;
padding-bottom:50px ;

	
}
footer div{
	font-size: 12px;
	word-spacing: 100px;
	text-align: center;
}
		</style>
	</head>
	<body>
		<header>
			<h1>名人名言</h1>
			<span id="s1">
				分享名人名言，开始一段触动心灵的智慧之旅跳到内容 
			</span>
			<ul>
				<li><a href="#">登录</a></li>
				<li><a href="#">关于</a></li>
				<li><a href="#">名人名言</a></li>
				<li><a href="#">英文名言(English)</a></li>
				<li><a href="#">心理杂志</a></li>
				<li><a href="#">心理书籍</a></li>
				<li><a href="#">专题活动 </a></li>
				<li><a href="#">发表</a></li>
			</ul>

		</header>
<section>
	<article>
	<div id="d-1">
		<h4>心理学经典名言的智慧</h2>
		<span id="s2">
			洞察人性的美与丑，认识自我的强与弱。一句好的格言能够穿越时间，永不失色、历久弥香，它总是能给人们带来心灵的滋养。
		</span>
	</div>
	<div id="d-2">
		<span id="s3">
			创造力（creativity）有两个词根：Crera拉丁语的意思是“去创造”。Krainir希腊语的意思是“去实现”。所以，创造力不仅仅是一种想象力、一种天赋，创造力更是一种将自己的想法付诸实现的能力。 
		</span>
		<span id="s4">
			创造力（creativity）有两个词根：Crera拉丁语的意思是“去创造”。Krainir希腊语的意思是“去实现”。所以，创造力不仅仅是一种想象力、一种天赋，创造力更是一种将自己的想法付诸实现的能力。
		</span>
		<span id="s5">
			发表在 未分类 | 标签： 《换个脑袋去思考》, 创造力 | 留下评论
		</span>
	</div>
	<h2 id="hh">作者简介</h2>
	<div id="d-3">
		<span id="s6">如果你还没有注意到你有能力让对方作出你所希望得到的反应，那么你就还没有很好地掌握人生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣，那么你就要先对他人产生兴趣；如果你想让他人紧张，那么你自己首先要紧张起来。就是这么简单。人们会按照你对待他们的方式对待你。这其中没有什么秘诀。看看周围的人，你可以在与下一个人交流时证实这一点。 </span>
		<span id="s7">
			如果你还没有注意到你有能力让对方作出你所希望得到的反应，那么你就还没有很好地掌握人生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣，那么你就要先对他人产生兴趣；如果你想让他人紧张，那么你自己首先要紧张起来。就是这么简单。人们会按照你对待他们的方式对待你。这其中没有什么秘诀。看看周围的人，你可以在与下一个人交流时证实这一点。
		</span>
		<span id="s8">
			发表在 未分类 | 标签： 《怎样出售设计创意》, 温斯顿·丘吉尔 | 留下评论
		</span>
	</div>
	<div id="dd-3">
		<span id="s9">
			赞助广告
		</span>
		<img src="简答题4图片/ad_2.jpg"/>
	</div>
</article>
<!--右侧-->
	<div id="d-4">
	<span id="s10">
		赞助广告
	</span>
	<img src="简答题4图片/ad.jpg"/>
	<span id="ss1">
		搜索
	</span>
		<form action="" method="post">
			
			<input type="search" name="sou" id="sou" placeholder="点击搜索" />
		</form>
<span id="ss2">
	标签
</span>
<p>
	60年语录 《犯罪心理》 世间百态 二十四史传统名人 体育人物 卡斯特罗 卡斯特罗名言 卡斯特罗语录 历史 友谊爱情 古代格言 名人名言 名人随语 教子立人 新闻事件 李白 爱情语录 韩寒语录 

</p>
	</div>
</section>

<footer>
	<div >
		&copy;来自沈星星的礼物
	</div>
</footer>
	</body>
</html>
